@layout("/common/_container.html"){
<style>
/*  .order-box {
    margin-bottom: 5px;
    border-bottom: 1px solid #ddd;
}
.order-box .log-box .state {
    float: left;
    width: 100%;
    margin-left: 18px;
}
.order-box .log-box .icon {
    float: left;
    width: 60px;
    height: 60px;
}
.order-box .log-box .arrow {
    float: left;
    color: #979797;
    font-size: 15px;
    font-weight: bold;
    margin-top: 18px;
    padding: 0 15px;
}

.order-box .log-box .arrow1 {
    float: left;
    color:#7ebb53;
    font-size: 15px;
    font-weight: bold;
    margin-top: 18px;
    padding: 0 15px;
}
.order-box .log-box .icon11{background:url(${ctxPath}/static/img/user_icon_rzxx.png) -15px -12px no-repeat;}
.order-box .log-box .icon21{background:url(${ctxPath}/static/img/user_icon_rzxx.png) -105px -12px no-repeat;}
.order-box .log-box .icon31{background:url(${ctxPath}/static/img/user_icon_rzxx.png) -194px -12px no-repeat;}
.order-box .log-box .icon41{background:url(${ctxPath}/static/img/user_icon_rzxx.png) -282px -12px no-repeat;}
.order-box .log-box .icon51{background:url(${ctxPath}/static/img/user_icon_rzxx.png) -373px -12px no-repeat;}

.order-box .log-box .icon12{background:url(${ctxPath}/static/img/user_icon_rzxx.png) -15px -62px no-repeat;}
.order-box .log-box .icon22{background:url(${ctxPath}/static/img/user_icon_rzxx.png) -105px -62px no-repeat;}
.order-box .log-box .icon32{background:url(${ctxPath}/static/img/user_icon_rzxx.png) -194px -61px no-repeat;}
.order-box .log-box .icon42{background:url(${ctxPath}/static/img/user_icon_rzxx.png) -282px -63px no-repeat;}
.order-box .log-box .icon52{background:url(${ctxPath}/static/img/user_icon_rzxx.png) -373px -62px no-repeat;}

.order-box .log-box .icon13{background:url(${ctxPath}/static/img/user_icon_rzxx.png) -19px -123px no-repeat;}
.order-box .log-box .icon23{background:url(${ctxPath}/static/img/user_icon_rzxx.png) -105px -122px no-repeat;}
.order-box .log-box .icon33{background:url(${ctxPath}/static/img/user_icon_rzxx.png) -194px -121px no-repeat;}
.order-box .log-box .icon43{background:url(${ctxPath}/static/img/user_icon_rzxx.png) -282px -122px no-repeat;}
.order-box .log-box .icon53{background:url(${ctxPath}/static/img/user_icon_rzxx.png) -373px -121px no-repeat;}


.order-box .log-box .icons {
    float: left;
    width: 60px;
    height: 60px;
}
.order-box .log-box .state2 {
    float: left;
    width: 100%;
    position: relative;
}
.order-box .log-box .state2 .path {
    position: absolute;
    z-index: 10;
}
.order-box .log-box .state2 .path span {
    float: left;
    width: 178px;
    height: 50px;
    text-align: left;
    margin-left: 15px;
    background: #ffffff;
}
.order-box .log-box .state2 p {
    float: left;
    width: 178px;
    height: 50px;
    text-align: left;
    margin-left: 15px;
    color: #f05858;
}

.order-box{margin-bottom:5px;border-bottom:1px solid #ddd;}
.order-box .box-head{font-weight:bold;height:30px;line-height:30px;font-size: 13px;}
.order-box .delivery-box{height:100px;border-bottom:1px solid #ddd;}
.order-box th{font-weight:normal;}
.order-box .goods-head{background: #f3f3f3;display: block;height: 25px;line-height: 25px;margin: 0 0 10px;padding: 5px 0;}
.order-box .goods-head .goods{float:left;width:650px;padding-left:15px}
.order-box .goods-head .price{float:left;width:100px;}
.order-box .goods-head .num{float:left;width:100px;}
.order-box .goods-head .t-price{float:left;width:105px;}
.order-box .shop{padding-left:15px;height:25px;line-height:25px;font-size:13px;}
.order-box .item{padding-top:5px;padding-bottom:5px;border-top:1px solid #eeeeee;}
.order-box .item .goods{float:left;width:650px;padding-left:15px;}
.order-box .item .goods .img{float:left;width:80px;height:80px;}
.order-box .item .goods .name{float:left;width:390px;height:80px;margin-left:5px;}
.order-box .item .goods .spec{float:left;width:151px;margin-left:5px;}
.order-box .item .price{float:left;width:100px;}
.order-box .item .num{float:left;width:100px;}
.order-box .item .t-price{float:left;width:100px;}
.order-box .goods-footer{padding-right:10px;margin-bottom:10px;border-top:1px solid #eee;}
.order-box .line{border-top:1px solid #dddddd;}
.order-box .goods-summary{margin-top:10px;}
.order-box .summary{height:30px;line-height:30px;}
.order-box .orderScore{margin-right:5px;}
.order-box .log td{height:25px;line-height:25px;padding-left:15px;}  */
</style>	
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal">
			<input type="hidden" id="sktOrdersId" value="${sktOrdersId}">
			<div class="panel panel-default">
    			<div class="panel-heading">
    				<h3 class="panel-title">
        				日志信息
        			</h3> 
    			</div>
    			<div class="panel-body" id="logInformation">
        			<div class="order-box">
				        <div class="log-box">
				            <div class="state" id="flow">
				            </div>
				            <div class="state2" id="explain">
				            </div>
				            <div class="ZZHT-clear"></div>
				        </div>
				    </div>
    			</div>
			</div>
			
			<div class="panel panel-default">
    			<div class="panel-heading">
        			<h3 class="panel-title">
        				订单信息
        			</h3>
    			</div>
    			<div class="panel-body">
        			<form role="form" id="orderInfo">
					</form>
    			</div>
			</div>
			
			<div class="panel panel-default">
    			<div class="panel-heading">
        			<h3 class="panel-title">
        				发票信息
        			</h3>
    			</div>
    			<div class="panel-body">
        			<form role="form" id="invoiceInfo">
        			</form>
    			</div>
			</div>
			
			<div class="panel panel-default">
    			<div class="panel-heading">
        			<h3 class="panel-title">
        				收货人信息
        			</h3>
    			</div>
    			<div class="panel-body">
        			<form role="form" id="consigneeInfo">
        			</form>
    			</div>
			</div>

			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title">商品清单</h3>
				</div>
				<div class="panel-body">
					<div class="order-box">
						<div class="goods-head" id="goodsHead">
							<div class="goods">商品</div>
							<div class="price">单价</div>
							<div class="num">数量</div>
							<div class="t-price">总价</div>
						</div>
						
<!-- 						<div class="goods-item"> -->
<!-- 							<div class="shop">苹果专卖店</div> -->
<!-- 							<div class="goods-list" style="overflow: hidden;"> -->
<!-- 								<div class="item"> -->
<!-- 									<div class="goods"> -->
<!-- 										<div class="img"> -->
<!-- 											<a href="http://test.izzht.cn/home/goods/detail?id=15" -->
<!-- 												target="_blank"> <img -->
<!-- 												src="http://zzhtwl.oss-cn-qingdao.aliyuncs.com//goods/c5995238d70f48f0f61694bfa7cc8db5.png" -->
<!-- 												width="80" height="80" title="Apple iPad Pro"> -->
<!-- 											</a> -->
<!-- 										</div> -->
<!-- 										<div class="name">Apple iPad Pro</div> -->
<!-- 										<div class="spec"> -->
<!-- 											内存：2G<br>颜色：铂金色 -->
<!-- 										</div> -->
<!-- 									</div> -->
<!-- 									<div class="price">¥10.00</div> -->
<!-- 									<div class="num">1</div> -->
<!-- 									<div class="t-price">¥10</div> -->
<!-- 									<div class="f-clear"></div> -->
<!-- 								</div> -->
<!-- 							</div> -->
<!-- 						</div> -->
						
<!-- 						<div class="goods-item"> -->
<!-- 							<div class="shop">苹果专卖店</div> -->
<!-- 							<div class="goods-list" style="overflow: hidden;"> -->
<!-- 								<div class="item"> -->
<!-- 									<div class="goods"> -->
<!-- 										<div class="img"> -->
<!-- 											<a href="http://test.izzht.cn/home/goods/detail?id=15" -->
<!-- 												target="_blank"> <img -->
<!-- 												src="http://zzhtwl.oss-cn-qingdao.aliyuncs.com//goods/c5995238d70f48f0f61694bfa7cc8db5.png" -->
<!-- 												width="80" height="80" title="Apple iPad Pro"> -->
<!-- 											</a> -->
<!-- 										</div> -->
<!-- 										<div class="name">Apple iPad Pro</div> -->
<!-- 										<div class="spec"> -->
<!-- 											内存：2G<br>颜色：铂金色 -->
<!-- 										</div> -->
<!-- 									</div> -->
<!-- 									<div class="price">¥10.00</div> -->
<!-- 									<div class="num">1</div> -->
<!-- 									<div class="t-price">¥10</div> -->
<!-- 									<div class="f-clear"></div> -->
<!-- 								</div> -->
<!-- 							</div> -->
						</div>
						
						<div class="goods-footer">
							<div class="goods-summary" style="text-align: right" id="goodsSummary">
								<div class="summary">
									商品总金额：¥<span>10.00</span>
								</div>
								<div class="summary">
									运费：¥<span>0.00</span>
								</div>
								<div class="summary">
									应付总金额：¥<span>10.00</span>
								</div>
								<div class="summary">
									实付总金额：¥<span>10.00</span>
								</div>
								<div>
									可获得积分：<span class="orderScore">1000.000</span>个
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="row btn-group-m-t">
                <div class="col-sm-12" style="text-align:center;">
                    <#button btnCss="danger" name="关闭" id="cancel" icon="fa-eraser" clickFun="sktOrderShow.close()"/>
                </div>
            </div>
        </div>

    </div>
</div>
<script src="${ctxPath}/static/modular/huamao/sktOrders/sktOrders_show.js"></script>
<link rel="stylesheet" href="${ctxPath}/static/css/order/orderShow.css" type="text/css" />
@}
